/*.el-button i {
  font-size: var(--theme-font-size-small);
}*/
.el-button > span {  line-height: 14px;}
.el-button--mini > span,
.el-button--small > span,
.el-button--large > span{
  line-height: inherit;
}
.el-button.el-button--gray{
  background-color: var(--theme-background-color-secondary);
  color: var(--color-white);
}
.el-button--text.is-gray {
  color:var(--theme-font-color-secondary);
}
.el-button  [class^="bui-"], .el-button  [class*=" bui-"]{
/*  margin-left:2px;*/
  margin-right:2px;
}
.el-button--icon{
  padding: var(--button-padding-vertical) 10px;
  & [class^="bui-"],
  & [class*=" bui-"]{
  margin-right:0;
  }
}
.el-button--primary {

  &:hover,
  &:focus {
     background: var(--button-primary-hover-background);
   }
  &:active,
  &.is-active {
     background: var(--button-primary-active-background);
     border-color: var(--button-primary-active-background);
   }

}
.el-button--text:focus, .el-button--text:hover {
  color: var(--theme-color-primary-active);
}
